<<<<<<< HEAD
import React from "react"
import { observer,inject } from "mobx-react"
@inject('searchStore')

@observer
class SingerResult extends React.Component{
    componentDidMount(){
        const {searchStore}=this.props;
        searchStore.getresultList3(this.props.location.state.id);
    }
    song(id){
        console.log(id)
    }
    render(){
        const {seachsingers}=this.props.searchStore
        const {seachsingers2}=this.props.searchStore
        // console.log(this.props.location.state.searchValue)
        // console.log(singers2)
        return(
            <div>
               <ul>
                   {
                    //    console.log(singers2)
                    (seachsingers2 || []).map(({name,ar,id})=>{
                        return(
                            <li className="li2" key={id}>
                                 <span className="bigspan">
                                        <span>{this.props.location.state.searchValue}</span>
                                        &nbsp;&nbsp;&nbsp;
                                        --
                                        &nbsp;&nbsp;&nbsp;
                                        <span onClick={this.song.bind(this,id)}>{name}</span>
                                        
                                   </span>
                            </li>
                        )
                    })
                   }
               </ul>
            </div>
        )
    }
}
=======
import React from "react"
import { observer,inject } from "mobx-react"
@inject('searchStore')

@observer
class SingerResult extends React.Component{
    componentDidMount(){
        const {searchStore}=this.props;
        searchStore.getresultList3(this.props.location.state.id);
    }
    song(id){
        console.log(id)
    }
    render(){
        const {seachsingers}=this.props.searchStore
        const {seachsingers2}=this.props.searchStore
        // console.log(this.props.location.state.searchValue)
        // console.log(singers2)
        return(
            <div>
               <ul>
                   {
                    //    console.log(singers2)
                    (seachsingers2 || []).map(({name,ar,id})=>{
                        return(
                            <li className="li2" key={id}>
                                 <span className="bigspan">
                                        <span>{this.props.location.state.searchValue}</span>
                                        &nbsp;&nbsp;&nbsp;
                                        --
                                        &nbsp;&nbsp;&nbsp;
                                        <span onClick={this.song.bind(this,id)}>{name}</span>
                                        
                                   </span>
                            </li>
                        )
                    })
                   }
               </ul>
            </div>
        )
    }
}
>>>>>>> 3ef2a7301991405f246e5687924fdd0e40607de4
export default SingerResult